<html>
    <head>
        <title>ie8下应用placeholder示例二</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <style>
          h3{height: 60px;line-height: 60px;margin:auto;}
         .li{margin:10px auto;list-style: none;}
         input{display: block;width: 300px;height:50px;color:#333;line-height: 50px;}
        </style>
        <script src="jquery.min.js" type="text/javascript"></script>
    </head>
    <body>
      <h3>ie8下应用placeholder示例二</h3>
      <a onclick="javascript:history.go(-1)">第二个示例</a>
        <div>
            <ul>
                <li class="li"><input type="text" value="请输入用户名" onfocus="if(value=='请输入用户名'){value=''}" onblur="if(value==''){value='请输入用户名'}"></li>
                <li class="li"><input type="text" value="请输入密码" onfocus="if(value=='请输入密码'){value=''}" onblur="if(value==''){value='请输入密码'}"></li>
                <li class="li"><input type="text" value="请输入验证码" onfocus="if(value=='请输入验证码'){value=''}" onblur="if(value==''){value='请输入验证码'}"></li>
                <li class="li"><input type="text" value="请输入校验码" onfocus="if(value=='请输入校验码'){value=''}" onblur="if(value==''){value='请输入校验码'}"></li>
                <li class="li"><input type="text" value="请输入手机号" onfocus="if(value=='请输入手机号'){value=''}" onblur="if(value==''){value='请输入手机号'}"></li>
            </ul>
        </div>
    </body>
</html>
